<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <ul class="g-wrap">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul class="g-wrap">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </body>
    <style>
        @charset "UTF-8";
        html,
        body {
            width: 100%;
            height: 100%;
        }

        body {
            display: flex;
            background-color: #000;
        }

        .g-wrap:nth-child(2) li {
            opacity: 0.1;
        }

        .g-wrap {
            position: relative;
            margin: auto;
            width: 50px;
            height: 50px;
        }
        .g-wrap::before {
            content: '👍🏼';
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 24px;
            text-align: center;
            z-index: -1;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            filter: grayscale(1);
            border: 1px solid #999;
            border-radius: 50%;
            background: #999;
            transition: 0.1s;
        }
        .g-wrap:active::before {
            transform: scale(1.1);
        }

        li:nth-child(1) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-4.4735161665deg);
            -webkit-animation: move 3146.2727434317ms infinite -0.0124720819s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3146.2727434317ms infinite -0.0124720819s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(1)::before {
            content: '😻';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(2) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(7.2145803995deg);
            -webkit-animation: move 2866.0950145185ms infinite -1.8270451577s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2866.0950145185ms infinite -1.8270451577s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(2)::before {
            content: '👍🏼';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(3) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-16.9075060056deg);
            -webkit-animation: move 3722.3017734589ms infinite -1.3162293402s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3722.3017734589ms infinite -1.3162293402s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(3)::before {
            content: '🎈';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(4) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(29.0006080026deg);
            -webkit-animation: move 2938.9281311945ms infinite -0.2309762265s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2938.9281311945ms infinite -0.2309762265s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(4)::before {
            content: '💚';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(5) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(29.8467684234deg);
            -webkit-animation: move 2496.5766033649ms infinite -0.9900028833s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2496.5766033649ms infinite -0.9900028833s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(5)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(6) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(24.8628638269deg);
            -webkit-animation: move 3378.5667463639ms infinite -2.7226079142s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3378.5667463639ms infinite -2.7226079142s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(6)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(7) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(35.669163456deg);
            -webkit-animation: move 2518.7389255756ms infinite -2.2678437444s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2518.7389255756ms infinite -2.2678437444s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(7)::before {
            content: '🐮';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(8) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(15.1801177949deg);
            -webkit-animation: move 2775.7384207887ms infinite -2.9569356722s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2775.7384207887ms infinite -2.9569356722s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(8)::before {
            content: '👏';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(9) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(23.790540868deg);
            -webkit-animation: move 2243.2239148612ms infinite -1.4425625138s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2243.2239148612ms infinite -1.4425625138s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(9)::before {
            content: '💚';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(10) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-33.7115944937deg);
            -webkit-animation: move 2862.1821359591ms infinite -0.7063109803s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2862.1821359591ms infinite -0.7063109803s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(10)::before {
            content: '💕';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(11) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(26.1838116184deg);
            -webkit-animation: move 3792.6955117891ms infinite -3.09623432s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3792.6955117891ms infinite -3.09623432s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(11)::before {
            content: '💓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(12) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-27.5395821264deg);
            -webkit-animation: move 2193.3758321969ms infinite -2.9293641367s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2193.3758321969ms infinite -2.9293641367s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(12)::before {
            content: '😻';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(13) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-13.5261278486deg);
            -webkit-animation: move 1605.2126590078ms infinite -3.1502378432s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1605.2126590078ms infinite -3.1502378432s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(13)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(14) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-5.2744416185deg);
            -webkit-animation: move 3859.200634445ms infinite -3.1169716603s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3859.200634445ms infinite -3.1169716603s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(14)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(15) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-11.9234144972deg);
            -webkit-animation: move 1791.9213283275ms infinite -1.5231681564s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1791.9213283275ms infinite -1.5231681564s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(15)::before {
            content: '🎈';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(16) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-32.1087445311deg);
            -webkit-animation: move 1631.7364848556ms infinite -0.0207891863s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1631.7364848556ms infinite -0.0207891863s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(16)::before {
            content: '😻';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(17) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(12.750824553deg);
            -webkit-animation: move 2806.4316651151ms infinite -3.2899045935s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2806.4316651151ms infinite -3.2899045935s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(17)::before {
            content: '😀';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(18) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(5.2167103756deg);
            -webkit-animation: move 2162.1701105611ms infinite -1.9604385757s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2162.1701105611ms infinite -1.9604385757s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(18)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(19) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(29.4590910667deg);
            -webkit-animation: move 1656.8679461177ms infinite -0.0764311751s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1656.8679461177ms infinite -0.0764311751s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(19)::before {
            content: '💚';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(20) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-5.2652198999deg);
            -webkit-animation: move 2370.8207304054ms infinite -0.6483889212s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2370.8207304054ms infinite -0.6483889212s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(20)::before {
            content: '💓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(21) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(38.2422481916deg);
            -webkit-animation: move 1906.4694778719ms infinite -2.7806484141s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1906.4694778719ms infinite -2.7806484141s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(21)::before {
            content: '💕';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(22) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-34.5439432784deg);
            -webkit-animation: move 3403.1531334319ms infinite -1.4824679149s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3403.1531334319ms infinite -1.4824679149s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(22)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(23) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-22.3319122442deg);
            -webkit-animation: move 3747.0010636823ms infinite -3.1267261924s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3747.0010636823ms infinite -3.1267261924s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(23)::before {
            content: '🤘';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(24) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-32.7976776329deg);
            -webkit-animation: move 1907.942369846ms infinite -1.3743674331s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1907.942369846ms infinite -1.3743674331s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(24)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(25) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-7.2898960342deg);
            -webkit-animation: move 3457.3889103047ms infinite -1.4019126771s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3457.3889103047ms infinite -1.4019126771s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(25)::before {
            content: '😀';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(26) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-35.1469724265deg);
            -webkit-animation: move 2807.9064183075ms infinite -2.4042969114s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2807.9064183075ms infinite -2.4042969114s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(26)::before {
            content: '🤘';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(27) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(36.4102718652deg);
            -webkit-animation: move 3705.0835648454ms infinite -2.7203301104s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3705.0835648454ms infinite -2.7203301104s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(27)::before {
            content: '💓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(28) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-15.4543172633deg);
            -webkit-animation: move 2771.1033865617ms infinite -2.4755188577s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2771.1033865617ms infinite -2.4755188577s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(28)::before {
            content: '🐮';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(29) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(29.5666164369deg);
            -webkit-animation: move 2363.9655399029ms infinite -0.7010477376s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2363.9655399029ms infinite -0.7010477376s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(29)::before {
            content: '🤡';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(30) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(33.6253638918deg);
            -webkit-animation: move 3201.9954035854ms infinite -0.2415191133s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3201.9954035854ms infinite -0.2415191133s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(30)::before {
            content: '😀';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(31) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-10.5629467243deg);
            -webkit-animation: move 2320.4296576772ms infinite -0.4432993353s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2320.4296576772ms infinite -0.4432993353s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(31)::before {
            content: '👏';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(32) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(13.3799596011deg);
            -webkit-animation: move 3415.2674865699ms infinite -2.8377246173s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3415.2674865699ms infinite -2.8377246173s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(32)::before {
            content: '🤩';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(33) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(36.8909887209deg);
            -webkit-animation: move 3277.8898873362ms infinite -3.4741089909s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3277.8898873362ms infinite -3.4741089909s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(33)::before {
            content: '🎈';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(34) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-20.9121281499deg);
            -webkit-animation: move 3933.831353466ms infinite -2.6662237319s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3933.831353466ms infinite -2.6662237319s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(34)::before {
            content: '👏';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(35) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-31.6372648929deg);
            -webkit-animation: move 1617.9022850066ms infinite -3.8306498005s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1617.9022850066ms infinite -3.8306498005s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(35)::before {
            content: '💚';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(36) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-3.2166595988deg);
            -webkit-animation: move 2351.4101049216ms infinite -1.5496174129s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2351.4101049216ms infinite -1.5496174129s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(36)::before {
            content: '🎈';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(37) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(38.1688416758deg);
            -webkit-animation: move 1905.7637075548ms infinite -3.6783810719s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1905.7637075548ms infinite -3.6783810719s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(37)::before {
            content: '💓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(38) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(8.2017791703deg);
            -webkit-animation: move 2039.7517922232ms infinite -1.4750365971s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2039.7517922232ms infinite -1.4750365971s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(38)::before {
            content: '💚';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(39) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-16.3559376885deg);
            -webkit-animation: move 3401.2186689204ms infinite -0.757714617s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3401.2186689204ms infinite -0.757714617s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(39)::before {
            content: '😻';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(40) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-26.7341060051deg);
            -webkit-animation: move 2116.431258187ms infinite -2.5384491516s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2116.431258187ms infinite -2.5384491516s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(40)::before {
            content: '🤘';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(41) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-20.4623699827deg);
            -webkit-animation: move 1656.6005826896ms infinite -2.3207615503s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1656.6005826896ms infinite -2.3207615503s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(41)::before {
            content: '💓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(42) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-34.3852204843deg);
            -webkit-animation: move 3431.4104144772ms infinite -3.6422339425s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3431.4104144772ms infinite -3.6422339425s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(42)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(43) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(15.7851804149deg);
            -webkit-animation: move 3465.732089666ms infinite -2.4525885121s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 3465.732089666ms infinite -2.4525885121s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(43)::before {
            content: '🤡';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(44) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(4.1159139428deg);
            -webkit-animation: move 2037.579701571ms infinite -2.9642653606s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2037.579701571ms infinite -2.9642653606s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(44)::before {
            content: '😀';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(45) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-11.5467344217deg);
            -webkit-animation: move 1590.5144931787ms infinite -2.4777254106s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1590.5144931787ms infinite -2.4777254106s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(45)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(46) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(37.8034681878deg);
            -webkit-animation: move 1687.8697316439ms infinite -0.6149024006s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1687.8697316439ms infinite -0.6149024006s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(46)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(47) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-12.4516636041deg);
            -webkit-animation: move 2499.7529250627ms infinite -1.7497083275s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2499.7529250627ms infinite -1.7497083275s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(47)::before {
            content: '❤️';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(48) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(-10.6746243252deg);
            -webkit-animation: move 2265.3064000422ms infinite -3.3449705944s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 2265.3064000422ms infinite -3.3449705944s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(48)::before {
            content: '💕';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(49) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(31.5757989121deg);
            -webkit-animation: move 1866.2344189838ms infinite -0.8054628131s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1866.2344189838ms infinite -0.8054628131s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(49)::before {
            content: '🤣';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        li:nth-child(50) {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            transform: rotate(32.4525128022deg);
            -webkit-animation: move 1953.856393469ms infinite -0.4223817934s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            animation: move 1953.856393469ms infinite -0.4223817934s cubic-bezier(0.46, 0.53, 0.51, 0.62);
            opacity: 0;
            cursor: pointer;
            transition: 1.5s opacity 0.8s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        li:nth-child(50)::before {
            content: '🐮';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            font-size: 50px;
        }

        li:active {
            transition: 0.1s opacity;
            opacity: 1 !important;
        }

        @-webkit-keyframes move {
            100% {
                transform: rotate(0) translate(0, -250px);
            }
        }

        @keyframes move {
            100% {
                transform: rotate(0) translate(0, -250px);
            }
        }
        p {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(calc(-50% - 140px), calc(-50% + 50px));
            color: #fff;
            font-size: 36px;
        }

        p {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(calc(-50% - 100px), calc(-50% + 50px));
            color: 40px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
</html>
